<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<title id="title">2017上海车展</title>
		<meta name="description" content="" />
		<meta name="Keywords" content="" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="lib/weui.min.css">
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/adaptive.js"></script>
		<script src="js/TouchSlide.1.1.js"></script>
		<script src="js/index.js"></script>
		<script src="js/form.js"></script>
		<link rel="stylesheet" href="css/jquery-weui.css">

		<script>
			window['adaptive'].desinWidth = 750;
			window['adaptive'].baseFont = 16;
			window['adaptive'].maxWidth = 750; // 页面最大宽度 默认540
			window['adaptive'].scaleType = 1; // 1为默认值，可以不用设置
			window['adaptive'].init();
		</script>
	</head>

	<body style="overflow:scroll;overflow-x:hidden">
		<div class="header">
			<img class="leftlogo" src="images/leftlogo.png">
			<img class="rightlogo" src="images/rightlogo.png">
			<img class="menu" src="images/menu.png">
		</div>
		<div class="areabanner" id="home"></div>
		<div class="areaxinwen" id="carNews">
			<div class="area1">
				<a href="car_articleDetails.html">
				<p class="title"><strong>[易车网] 过与不过,年都在那里CX-4带你过</strong></p>
				<p class="desc">言语无法表达，懂得爱的人就懂的阿特异兹！我会努力去得到她~阿特兹。言语无法表达,懂得爱的人就懂的阿特异兹！我会努力去得到她~阿特兹。言语无法表达,</p></a>
			</div>
			<div class="areabox">
			<div class="area3">
				<img src="images/xinwen01.jpg">
				<p>4月19日-28日：2017上海国际汽车展览会马自达车主贵宾室恭候您大驾光临！</p>
				<p>我们为舒缓您在观展时的 疲劳，特在贵宾室内准备了各种饮品 ；</p>
				<p> 手机充电以及免费WIFI等服务，请车主尽情享用。</p>
				<p>*请携带马自达车钥匙以便工作人员确认您的车主身份</p>
			</div>
		</div>
		</div>
		<div class="areazhiji" id="carClick">
			<div id="area1" class="slideBox">
				<div id="zhijivideo" class="bd">
					<ul>
						<li>
							<a class="pic" data-url="1" href="javascript:void(0)"><img src="images/zhiji1.jpg" /></a>
							<a class="tit" data-url="1" href="carzhiji.html">汤唯新片大卖请剧组吃回锅肉</a>
						</li>
						<li>
							<a class="pic" data-url="2" href="javascript:void(0)"><img src="images/zhiji1.jpg" /></a>
							<a class="tit" data-url="2" href="carzhiji.html">范冰冰黄晓明亲密无间</a>
						</li>
						<li>
							<a class="pic" data-url="3" href="javascript:void(0)"><img src="images/zhiji1.jpg" /></a>
							<a class="tit" data-url="3" href="carzhiji.html">一周体育快报</a>
						</li>
						<li>
							<a class="pic" data-url="4" href="javascript:void(0)"><img src="images/zhiji1.jpg" /></a>
							<a class="tit" data-url="4" href="carzhiji.html">金正恩携娇妻视察</a>
						</li>
					</ul>
				</div>

				<div class="hd">
					<span class="prev"></span>
					<span class="next"></span>
				</div>

			</div>
			<div id="area2" class="slideBox">
				<div class="bd">
					<ul>
						<li>
							<a class="pic" href="carzhiji.html"><img src="images/zhiji21.jpg" /></a>
						</li>
						<li>
							<a class="pic" href="carzhiji.html"><img src="images/zhiji21.jpg" /></a>
						</li>
						<li>
							<a class="pic" href="carzhiji.html"><img src="images/zhiji21.jpg" /></a>
						</li>
						<li>
							<a class="pic" href="carzhiji.html"><img src="images/zhiji21.jpg" /></a>
						</li>
					</ul>
				</div>
				<div class="hd">
					<ul>
					</ul>
				</div>
			</div>
			<div class="areahuodong_a" style="margin-top: 0.16rem;">
				<a href="carzhiji.html">查看更多</a>
			</div>
		</div>
		<div class="areashuangxiong" id="carHutch">
			<div style="width:7.5rem; height:4.2rem; clear:both"></div>
			<div id="pro1" class="area1"></div>
			<div id="pro2" class="area2"></div>
		</div>
		<div class="arealiangxiang" id="carAppearance">
			<div id="area3" class="slideBox">
				<div class="bd">
					<ul>
						<li>
							<a class="pic" href="#"><img src="images/zhiji22.jpg" /></a>
						</li>
						<li>
							<a class="pic" href="#"><img src="images/zhiji22.jpg" /></a>
						</li>
						<li>
							<a class="pic" href="#"><img src="images/zhiji22.jpg" /></a>
						</li>
						<li>
							<a class="pic" href="#"><img src="images/zhiji22.jpg" /></a>
						</li>
					</ul>
				</div>
				<div class="hd">
					<ul>
					</ul>
				</div>
			</div>
			<div class="arealiangxiang_text">
				<strong>终于要来了马自达MX-5 RF 2018年</strong>
				<span>马自达MX-5 RF车型最初于2016纽约车展前夕发布，该车是第四代MX-5的折叠硬顶敞篷版本，敞篷后的效果与保时捷911 Targa车型相似。日前我们从相关渠道获悉，马自达MX-5 RF车型将于2018年以进口形式由一汽马自达引入国内市场销售。<p>
    		MX-5 RF车名中的“RF”即“retractable fastback”，意为“可伸缩硬顶+溜背造型”。相比于软顶敞篷的Roadster车型，MX-5 RF的车身线条更加流畅，溜背造型也更加动感。车身尺寸方面，新车的长宽高分别为3915/1735/1245mm，与MX-5 Roadster软顶敞篷版车型保持相近，仅车身高度相比后者增加了5mm。</p>
    			</span>
			</div>
		</div>
		<div class="arealiangxiang_s"></div>
		<div class="areabaodao" id="carMedia">
			<div class="areabaodao_sa"></div>
			<div class="areabaodao_list">
				<li class="fl">
					<a href="articleDetails.html"><img src="images/wapbanner_01.jpg" width="100%" />
						<p>有车以后售价仅十几万的轿 跑SUV，为何明星们坐过？
						</p>
					</a>
				</li>
				<li class="fr">
					<a href="articleDetails.html"><img src="images/wapbanner_02.jpg" width="100%" />
						<p>有车以后售价仅十几万的轿 跑SUV，为何明星们坐过？
						</p>
					</a>
				</li>
			</div>
			<div class="areabaodao_a areabaodao_sb">
				<a href="newsList.html">查看更多</a>
			</div>
			<div class="areabaodao_sc"></div>
		</div>
		<div class="areahuodong" id="carActivity">
			<div class="areahuodong_img ">
				<img src="images/wapbanner_03.jpg" width="100%" />
			</div>
			<div class="areahuodong_a">
				<a href="#">查看更多</a>
			</div>
		</div>
		<div class="areatupian">
			<div class="areatupian_img">
				<img src="images/wapbanner_04.jpg" width="100%" />
			</div>
			<div class="areatupian_a">
				<a href="#">查看更多</a>
			</div>
		</div>
		<div class="areatizi">
			<div class="areatizi_sa"></div>
			<div class="areatizi_sb">
			<div class="areatizi_img">
				<img src="images/wapbanner_05.jpg" width="100%" />
			</div>
			<div class="areatizi_text">
				<h3>马自达MX-5 RF车型最初</h3>
				<span>马自达MX-5 RF车型最初于2016纽约车展前夕发布，该车是第四代MX-5的折叠硬顶敞篷版本，敞篷后的效果与保时捷911</span>
			</div>
			</div>
			<div class="areatizi_a">
				<a href="#">查看更多</a>
			</div>
			<div class="areatizi_more">
				<a href="http://www.faw-mazda.com/market/cx4fans/http://www.faw-mazda.com/market/cx4fans/">进入粉丝之家</a>
			</div>

		</div>
		<div class="areaguanzhu">
			<div id="carFollow"></div>
			<div id="carChina" onclick=""></div>
		</div>
		<div class="areaCopyRight">
			©2004-2016 一汽马自达汽车销售有限公司</br>
			版权所有 吉ICP备05003794号
		</div>
		<div class="bottom">
			<div class="arror downanimate">
			</div>
			<div class="shijia">
			</div>
		</div>
		<div class="heders" style="display: none;">
			<div class="hedersbox">
				<a href="#home" name="home" onclick="">首页</a>
				<a href="#carNews" name="carNews" onclick="">车展新闻</a>
				<a href="#carClick" name="carClick" onclick="">车展直击</a>
				<a href="#carHutch" name="carHutch" onclick="">6.5代双雄</a>
				<a href="#carAppearance" name="carAppearance" onclick="">MX-5亮相</a>
				<a href="#carMedia" name="carMedia" onclick="">媒体报道</a>
				<a href="#carActivity" name="carActivity" onclick="">粉丝活动</a>
				<a href="#carFollow" name="carFollow" onclick="">关注我们</a>
				<a href="#carChina" name="carChina" onclick="">马自达中国</a>
			</div>
			<div class="headrsbox_no"><img src="images/menu_no.png"></div>
		</div>
		<div class="userAbout" style="display: none;">
			<div class="userAbout_box">
				<div class="userAbout_title">
					<img src="images/yuyue_title.png" />
				</div>
				<div class="userAbout_center" style="margin-top: 0.8rem">
					<div class="weui-cell br1 inputRelative iconbg_dsj">
						<select class="txt01" id="product" name="product">
		                <option value="">请选择意向车型</option>
		                <option data="">2.0L 6MT 2WD蓝天活力版</option>
		                <option data="">2.0L 6AT 2WD蓝天活力版</option>
		                <option data="">2.0L 6AT 2WD蓝天活力真皮版</option>
		                <option data="">2.0L 6AT 2WD蓝天探索版</option>
		                <option data="">2.0L 6AT 2WD蓝天品位版</option>
		                <option data="">2.0L 6AT 2WD蓝天领先版</option>
		                <option data="">2.5L 6AT AWD蓝天激情版</option>
		                <option data="">2.5L 6AT AWD蓝天无畏版</option>
		            </select>
					</div>
					<div class="userNameSex fl">
						<div class="weui-cell br1 inputRelative userName ">
							<input class="weui-input " id="userName name" name="name" type="text" value="" placeholder="请输入姓名">
						</div>
						<div class=" userSex ">
							<div class="txt03"><span data-sex="1" class="fl">先生</span><span data-sex="0" class="fr">女士</span></div>
						</div>
					</div>
					<div class="weui-cell br1 inputRelative ">
						<input class="weui-input " id="mobile" name="mobile" type="text" value="" placeholder="请输入您的手机号">
					</div>
					<div class="inputMap">
						<div class="weui-cell br1 inputRelative iconbg_dsj w3rem fl">
							<select class="txt05" name="dealer_province" id="province"><option value="">请选择省份</option><option value="2">北京</option><option value="25">天津</option><option value="24">上海</option><option value="31">重庆</option><option value="130000">河北省</option><option value="140000">山西省</option><option value="150000">内蒙古自治区</option><option value="210000">辽宁省</option><option value="220000">吉林省</option><option value="230000">黑龙江省</option><option value="320000">江苏省</option><option value="330000">浙江省</option><option value="340000">安徽省</option><option value="350000">福建省</option><option value="360000">江西省</option><option value="370000">山东省</option><option value="410000">河南省</option><option value="420000">湖北省</option><option value="430000">湖南省</option><option value="440000">广东省</option><option value="450000">广西壮族自治区</option><option value="460000">海南省</option><option value="510000">四川省</option><option value="520000">贵州省</option><option value="530000">云南省</option><option value="540000">西藏自治区</option><option value="610000">陕西省</option><option value="620000">甘肃省</option><option value="630000">青海省</option><option value="640000">宁夏回族自治区</option><option value="650000">新疆维吾尔自治区</option><option value="710000">台湾省</option><option value="810000">香港特别行政区</option><option value="820000">澳门特别行政区</option></select>
						</div>
						<div class="weui-cell br1 inputRelative iconbg_dsj w3rem fr">
							<select class="txt06" id="city" name="dealer_city"><option>请选择城市</option></select>
						</div>
					</div>
					<div class="weui-cell br1 inputRelative iconbg_dsj">
						<select class="txt07" id="dealer" name="dealer"><option>请选择经销商</option></select>
					</div>
				</div>
			</div>
			<div class="userAbout_botton submit">提交</div>
			<div class="headrsbox_no"><img src="images/menu_no.png"></div>
		</div>
		<div class="windowtVideo" style="display: none;">
			<div class="headrsbox_video" onclick=""><img src="images/menu_no.png"></div>
			<video id="video1" width="100%" height="100%" controls>
				<source src="video/mov_bbb.mp4" type="video/mp4">
			</video>
		</div>
		<div class="bgnone" style="display: none;"></div>
		<div class="headersbg" style="display: none;"></div>
		<script src="lib/jquery-2.1.4.js"></script>
		<script src="lib/fastclick.js"></script>
		<script>
			$(function() {
				FastClick.attach(document.body);
			});
		</script>
		<script src="js/jquery-weui.js"></script>
		<script>
			TouchSlide({ slideCell: "#area1", mainCell: ".bd ul", effect: "leftLoop" });
			TouchSlide({ slideCell: "#area2", titCell: ".hd ul", mainCell: ".bd ul", effect: "leftLoop", autoPage: true });
			TouchSlide({ slideCell: "#area3", titCell: ".hd ul", mainCell: ".bd ul", effect: "leftLoop", autoPage: true });
			
			
			$(".txt03 span").on("touchstart", function() {
				$(this).addClass("active").siblings().removeClass("active");
				return false;
			});
		</script>
	</body>

</html>